cell-out-transition = cubic-bezier(0.83,-0.37, 1, 1)
cell-in-transition = cubic-bezier(0, 0, 0.39, 1)
transition-out-duration = 1s
transition-in-duration = 0.8s
.warn
  display none
.wrapper-table 
  box-sizing border-box
  width 100%
  height 100vh
  padding  3vh 4vw
  background-image linear-gradient(to left top, #2a76dc, #4873d8, #5c70d3, #6c6dce, #796ac9, #8567c3, #8f64bc, #9761b5, #a05dab, #a85ba1, #ad5898, #b1578e)
  overflow hidden
  .header
    display flex
    justify-content space-between
    height 10vh
    color #ffffff
    .left
      flex 0 0 auto
      .logo
        display inline-block
        height 100%
        background red
        img 
          width 4em
          height 100%
      // .title-g
      //   display inline-block
      //   vertical-align top
      //   margin-left 12px
      //   width 400px
      //   .zh
      //     font-size 26px
      //     margin-bottom 8px
      //   .en
      //     font-size 16px
      //     line-height 20px
    .center
      position absolute
      left 50%
      transform translateX(-50%)
      // flex 0 0 auto
      // .text
      //   font-size 16px
      // .number
      //   font-size 80px
      //   line-height 60px
    .right
      flex 0 0 auto
      font-family shuma
      .time
        font-size 46px
        text-align right
      .date
        margin-top 4px
        font-size 18px
        text-align right
  .content
    position relative
    margin-top 8vh
    height 72vh
    font-size 0
    .item
      position absolute
      display flex
      left: 0
      width 45vw
      margin-bottom 3vh
      height 9vh
      border-radius 0.8vw
      background-color rgba(255, 255, 255, .57)
      font-size 16px
      font-family yuanti
      .rank
        height 9vh
        width 10vh
        flex 0 0 10vh
        text-align center
        line-height 9vh
        color #424242
        font-size 28px
      .title
        display flex
        align-items center
        flex 1 1
        font-size 1.4vw
        span 
          line-height 3.2vh
      .voteNumber
        height 9vh
        width 11vh
        padding 0 0.7vh 0 0
        flex 0 0 atuo
        line-height 9vh
        font-size 20px
        text-align center
    .item-1
      top 0px
    .item-2
      top 12vh
    .item-3
      top 24vh
    .item-4
      top 36vh
    .item-5
      top 48vh
    .item-6
      top 60vh
    .item-right
      left 47vw
    .current
      transform translateX(0)
      transition left .5s linear, top .5s linear
    .previous
      transform translateX(-98vw)
    .next
      transform translateX(98vw)
    .previous:nth-of-type(6n+1) {
      transition: transform transition-out-duration cell-out-transition 0s;
    }
    .previous:nth-of-type(6n+2) {
      transition: transform transition-out-duration cell-out-transition .1s;
    }
    .previous:nth-of-type(6n+3) {
      transition: transform transition-out-duration cell-out-transition .2s;
    }
    .previous:nth-of-type(6n+4) {
      transition: transform transition-out-duration cell-out-transition .3s;
    }
    .previous:nth-of-type(6n+5) {
      transition: transform transition-out-duration cell-out-transition .4s;
    }
    .previous:nth-of-type(6n+6) {
      transition: transform transition-out-duration cell-out-transition .5s;
    }
    .current-withTransition:nth-of-type(6n+1) {
      transition: transform transition-in-duration cell-in-transition 1s;
    }
    .current-withTransition:nth-of-type(6n+2) {
      transition: transform transition-in-duration cell-in-transition 1.1s;
    }
    .current-withTransition:nth-of-type(6n+3) {
      transition: transform transition-in-duration cell-in-transition 1.2s;
    }
    .current-withTransition:nth-of-type(6n+4) {
      transition: transform transition-in-duration cell-in-transition 1.3s;
    }
    .current-withTransition:nth-of-type(6n+5) {
      transition: transform transition-in-duration cell-in-transition 1.4s;
    }
    .current-withTransition:nth-of-type(6n+6) {
      transition: transform transition-in-duration cell-in-transition 1.5s;
    }

@font-face {
  font-family: yuanti;
  src: url('../font/yuan.ttf');
}

@media (max-width 1000px)
  .wrapper-table
    display none
    .warn
      position absolute
      display block
      top 100px
      left 50%
      transform translateX(-50%)
    

